<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哈尔滨理工大学</title>
    <!-- 引入图标字体 -->
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header-bar.css">
    <link rel="stylesheet" href="../css/main5.css">
    <link rel="stylesheet" href="../css/main4.css">
    <link rel="stylesheet" href="../css/main3.css">
    <link rel="stylesheet" href="../css/main2.css">
    <link rel="stylesheet" href="../css/main1.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/bottom-bar.css">
    <link rel="stylesheet" href="../css/header-swiper.css">
    <link rel="stylesheet" href="../swiper/swiper-bundle.min.css">
</head>

<body>
    <script src="../swiper/swiper-bundle.min.js"></script>
    <div class="top-box">
        <div class="top-box-center">
            <div class="top-header">
                <div class="top-header-image"></div>
                <div class="top-right">
                    <div class="back-url"><a href="#">旧版网站</a></div>
                    <div class="search ">
                        <input class="search-input" placeholder="请输入关键字" type="text">
                        <i class="search-icon iconfont">&#xe724;</i>
                    </div>
                </div>
            </div>
            <div class="top-navbar">
                <div class="top-bar-button-box">
                    <div class="top-bar-button">
                        首页
                        <div class="top-bar-button-dropdown-box">

                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        学院概况
                        <div class="top-bar-button-dropdown-box">
                            <div class="top-bar-button-dropdown-box-button">
                                学院介绍
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                现任领导
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                委员会
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学院办公室
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学生工作办公室
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                系、中心
                            </div>

                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        师资队伍
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-160">
                            <div class="top-bar-button-dropdown-box-button">
                                荣誉称号
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                研究生导师
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                教师队伍
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                人才引进
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        人才培养
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-160">
                            <div class="top-bar-button-dropdown-box-button">
                                本科生培养
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                硕士生培养
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                博士生培养
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                现代产业学院
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        学科建设
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-160">
                            <div class="top-bar-button-dropdown-box-button">
                                学科简介
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学科方向
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                支撑平台
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                博士后流动站
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        专业建设
                        <div class="top-bar-button-dropdown-box">
                            <div class="top-bar-button-dropdown-box-button">
                                一流本科专业
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                工程教育专业认证
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                新工科
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学生指导
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                研究成果
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                省级实验教学示范中心
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        科学研究
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-80">
                            <div class="top-bar-button-dropdown-box-button">
                                科研动态
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                科技成果
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        党群工作
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-320">
                            <div class="top-bar-button-dropdown-box-button">
                                基层党组织
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                党建理论
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                党建学习
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                党建活动
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                党建风采
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                能力作风建设
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学习贯彻省十三次党代会精神
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                喜迎二十大系列活动
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        学生工作
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-200">
                            <div class="top-bar-button-dropdown-box-button">
                                团学组织
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学生党建
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                学生活动
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                心理健康
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                青春榜样
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        招生就业
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-120">
                            <div class="top-bar-button-dropdown-box-button">
                                本科生招生
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                研究生招生
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                就业工作
                            </div>
                        </div>
                    </div>
                    <div class="top-bar-button have-dropdown-box">
                        校友之家
                        <div class="top-bar-button-dropdown-box top-bar-button-dropdown-box-80">
                            <div class="top-bar-button-dropdown-box-button">
                                校友风采
                            </div>
                            <div class="top-bar-button-dropdown-box-button">
                                校庆专栏
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="swiper-box">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/c4c0b924-bb33-46c8-a524-0e8de7798f3d.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/12e7dc4e-8f3e-479b-a155-129a96d586fa.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/30a9d478-4f02-4591-bff4-1acc93048bf5.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../img/9477c051-4267-4d0a-b979-db221c1b6135.jpg" alt=""></div>
            </div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button swiper-button-left swiper-button-prev"></div>
            <div class="swiper-button swiper-button-right swiper-button-next"></div>
        </div>
    </div>
    <!-- 学院要闻和通知公告 -->
    <div class="main1">
        <div class="main1-inner">
            <div class="main1-left">
                <div class="main-top" style="border-bottom: none !important;">
                    <div class="main-top-box">
                        学院要闻
                    </div>
                    <div class="main-top-box-span">
                        更多>>
                    </div>
                </div>
                <div class="main1-left-inner">
                    <div class="main1-left-swiper">
                        <div class="main1-left-swiper-box">
                            <div class="swiper3">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="../img/6bb72d60-6681-4fc9-93c4-15f9e717646e.jpg" alt="">
                                        <div class="slide-text">
                                            计算机学院开展第一期学生工作人员基础知识测试
                                        </div>
                                    </div>
                                    <div class="swiper-slide"><img src="../img/c3bb0abe-33fe-4b73-8515-7744e85aaa4f.jpg" alt="">
                                        <div class="slide-text">
                                            校长刘侠、副校长杜军深入学院开展学科建设专题调研
                                        </div>
                                    </div>
                                    <div class="swiper-slide"><img src="../img/e4b8e440-7a48-478b-8ece-213f0a5f07d8.jpg" alt="">
                                        <div class="slide-text">
                                            凝心聚力、深入落实，全面推进学院高质量发展 ——计算机科学与技术学院召开2024年全体教职工大会
                                        </div>
                                    </div>
                                    <div class="swiper-slide"><img src="../img/06361acc-0905-4239-b973-ec7db029b90e.jpg" alt="">
                                        <div class="slide-text">
                                            关注健康巾帼担当—计算机学院开展国际劳动妇女节主题座谈会
                                        </div>
                                    </div>
                                    <div class="swiper-slide"><img src="../img/cd5aed89-cb73-4adb-be44-36cce05028e4.jpg" alt="">
                                        <div class="slide-text">
                                            我校入选工信部“工业信息安全”和“电子信息产业重点领域”两项人才培养专项行动计划
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-pagination"></div>
                                <!-- 如果需要导航按钮 -->
                                <div class="swiper-button  swiper-button-prev"></div>
                                <div class="swiper-button  swiper-button-next"></div>
                                <!-- 如果需要分页器 -->
                                
                            </div>
                        </div>
                    </div>
                    <div class="main1-left-news">
                        <div class="main1-left-news-box">
                            <div class="main1-left-new1">
                                <a href="#">校党委书记赵琳深入学院调研指导</a>
                            </div>
                            <div class="main1-left-new2">
                                <div class="main1-left-new2-title">
                                    <a href="#">校长刘侠、副校长杜军深入学院开展学科建设</a>
                                </div>
                                <div class="main1-left-new2-message">
                                    <a href="#">为深入贯彻落实学校“学科建设年”精神和相关工作部署，进一...</a>
                                </div>
                            </div>
                            <div class="main1-left-new3 main1-left-new-title">
                                <a href="#">我校入选工信部“工业信息安全”和“电子信息产...</a>
                            </div>
                            <div class="main1-left-new3 main1-left-new-title">
                                <a href="#">计算机学院开展第一期学生工作人员基础知识测试</a>
                            </div>
                            <div class="main1-left-new3 main1-left-new-title">
                                <a href="#">凝心聚力、深入落实，全面推进学院高质量发展 —...</a>
                            </div>
                            <div class="main1-left-new3 main1-left-new-title">
                                <a href="#">关注健康巾帼担当—计算机学院开展国际劳动妇女...</a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div></div>
            </div>
            <div class="main1-right">
                <div class="main-top" style="border-bottom: none !important;">
                    <div class="main-top-box">
                        通知公告
                    </div>
                    <div class="main-top-box-span">
                        更多>>
                    </div>
                </div>
                <div class="main1-right-new-box">
                    <div class="main1-right-new-box-left">
                        <div class="main1-right-new-box-day">
                            12
                        </div>
                        <div class="main1-right-new-box-year">
                            2024-04
                        </div>
                    </div>
                    <div class="main1-right-new-box-right">
                        <span class="main1-right-new">
                            计算机科学与技术学院2024年五四评比拟推荐名单公示
                        </span>
                    </div>
                </div>
                <div class="main1-right-new-box">
                    <div class="main1-right-new-box-left">
                        <div class="main1-right-new-box-day">
                            4
                        </div>
                        <div class="main1-right-new-box-year">
                            2024-04
                        </div>
                    </div>
                    <div class="main1-right-new-box-right">
                        <span class="main1-right-new">
                            计算机科学与技术学院2024年硕士研究生调剂公告 （第一批次）
                        </span>
                    </div>
                </div>
                <div class="main1-right-new-box">
                    <div class="main1-right-new-box-left">
                        <div class="main1-right-new-box-day">
                            3
                        </div>
                        <div class="main1-right-new-box-year">
                            2024-04
                        </div>
                    </div>
                    <div class="main1-right-new-box-right">
                        <span class="main1-right-new">
                            计算机科学与技术学院2024年硕士研究生招生调剂办法
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 党建活动、科研动态、常用下载 -->
    <div class="main2">
        <div class="main2-inner">
            <div class="main2-inner1">
                <div class="main-top" style="margin-bottom: 10px !important; border-bottom: none !important;">
                    <div class="main-top-box">
                        党建活动
                    </div>
                    <div class="main-top-box-span">
                        更多>>
                    </div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">纪委书记孙树海深入学院指导主题教育...</a>
                    <div class="time">09/01</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院召开党委理论学习中心组学习（扩大）会议</a>
                    <div class="time">08/25</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">计算机学院党委开展“迎七一、学先进、强党性、建新功”主题党日活动</a>
                    <div class="time">07/05</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院召开党委理论学习中心组学习会议</a>
                    <div class="time">06/29</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院召开党委理论学习中心组学习（扩大）会议</a>
                    <div class="time">06/15</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院召开党委理论学习中心组学习（扩大）会议</a>
                    <div class="time">05/11</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院召开党委理论学习中心组学习（扩大）会议</a>
                    <div class="time">04/30</div>
                </div>
            </div>
            <div class="main2-inner2">
                <div class="main-top" style="margin-bottom: 10px !important; border-bottom: none !important;">
                    <div class="main-top-box">
                        科研动态
                    </div>
                    <div class="main-top-box-span">
                        更多>>
                    </div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">磨砥刻厉，日新月异——计算机学院举办科研交流座谈会</a>
                    <div class="time">09/11</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">【访企拓岗促就业、科研先行谈合作】 计算机科学与技术学院与省内头部企业开展访​企拓岗和合作交流</a>
                    <div class="time">06/05</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">【访企拓岗促就业、科研先行谈合作】 计算机科学与技术学院组织开展访企拓岗和合​作交流工作</a>
                    <div class="time">06/01</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">【访企拓岗促就业、科研先行谈合作】计算机科学与技术学院组织开展访企拓岗和合作交流工作</a>
                    <div class="time">04/26</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院召开2023年度国家自然基金申报研讨会</a>
                    <div class="time">03/02</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院举办生物信息学专题学术讲座</a>
                    <div class="time">10/28</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学院组织召开国家自然科学基金申报指导会</a>
                    <div class="time">10/26</div>
                </div>
            </div>
            <div class="main2-inner3">
                <div class="main-top" style="margin-bottom: 10px !important; border-bottom: none !important;">
                    <div class="main-top-box">
                        常用下载
                    </div>
                    <div class="main-top-box-span">
                        更多>>
                    </div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">组织机构代码证、法人证书、法人身份证复印件使用申请表</a>
                    <div class="time">05/25</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">哈尔滨理工大学用印审批表</a>
                    <div class="time">05/25</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">补修重修课程免听申请表</a>
                    <div class="time">05/10</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">缓考申请</a>
                    <div class="time">05/10</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">绩点排名证明</a>
                    <div class="time">05/10</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">学籍异动申请表</a>
                    <div class="time">05/10</div>
                </div>
                <div class="main2-inner-text">
                    <a href="#">计算机科学与技术学院研究生成果认定的规...</a>
                    <div class="time">01/14</div>
                </div>
            </div>
        </div>
    </div>
    <!-- 师生风采 -->
    <div class="main3">
        <div class="main-top">
            <div class="main-top-box">
                师生风采
            </div>
        </div>
        <div class="swiper2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="../img/4246d07e-17dc-433d-8502-0dc417fd8d11_s.png" alt="">
                    <div class="img-title">
                        “躬身耕耘爱生如子，行为师范卓育人才”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/876314c0-9258-49db-93e0-66642d4e7188_s.jpg" alt="">
                    <div class="img-title">
                        “做守护祖国网络天空的雄鹰 ——藏族学生诺吾坚赞见证计算机学院人才培养攀高峰”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/51174341-b42e-4bb7-9db9-535d51bd05d1_s.png" alt="">
                    <div class="img-title">
                        “计算机学院党员学生志愿者在防疫一线中闪耀青春风采”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/f5cd55d1-05af-443d-93b2-61240e61458b_s.png" alt="">
                    <div class="img-title">
                        “守正创新攀高峰 团结奋进开新局”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/4246d07e-17dc-433d-8502-0dc417fd8d11_s.png" alt="">
                    <div class="img-title">
                        “躬身耕耘爱生如子，行为师范卓育人才”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/876314c0-9258-49db-93e0-66642d4e7188_s.jpg" alt="">
                    <div class="img-title">
                        “做守护祖国网络天空的雄鹰 ——藏族学生诺吾坚赞见证计算机学院人才培养攀高峰”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/51174341-b42e-4bb7-9db9-535d51bd05d1_s.png" alt="">
                    <div class="img-title">
                        “计算机学院党员学生志愿者在防疫一线中闪耀青春风采”
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="../img/f5cd55d1-05af-443d-93b2-61240e61458b_s.png" alt="">
                    <div class="img-title">
                        “守正创新攀高峰 团结奋进开新局”
                    </div>
                </div>
            </div>
        </div>



    </div>
    <!-- 专业介绍 -->
    <div class="main4">
        <div class="main-top">
            <div class="main-top-box">
                专业介绍
            </div>
        </div>
        <div class="subject-box-area">
            <div class="subject-row-box ">
                <div class="subject-box">
                    计算机科学与技术
                </div>
                <div class="subject-box">
                    网络工程
                </div>
                <div class="subject-box">
                    软件工程
                </div>
            </div>
            <div class="subject-row-box">
                <div class="subject-box">
                    集成电路设计与集成系统
                </div>
                <div class="subject-box">
                    物联网工程
                </div>
                <div class="subject-box">
                    数据科学与大数据分析
                </div>
            </div>
        </div>

    </div>
    <!-- 校内资源 -->
    <div class="main5">
        <div class="main-top">
            <div class="main-top-box">
                校内资源
            </div>
        </div>
        <div class="resource-card-area">
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon1">
                    <a href="#">
                        <span>校内办公</span>
                    </a>
                </div>
            </div>
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon2">
                    <a href="#">
                        <span>图书馆</span>
                    </a>
                </div>
            </div>
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon3">
                    <a href="#">
                        <span>理工邮箱</span>
                    </a>
                </div>
            </div>
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon4">
                    <a href="#">
                        <span>教务在线</span>
                    </a>
                </div>
            </div>
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon5">
                    <a href="#">
                        <span>教师主页</span>
                    </a>
                </div>
            </div>
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon6">
                    <a href="#">
                        <span>新闻网</span>
                    </a>
                </div>
            </div>
            <div class="resource-card-box">
                <div class="resource-card resource-card-icon7">
                    <a href="#">
                        <span>AIM-IPCC</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底边 -->
    <div class="bottom-box">
        <div class="bottom-box-inner">
            <div class="bottom-box-link-bar">
                <div class="bottom-box-link-title">
                    友情链接
                </div>
                <div class="bottom-box-link">
                    国家教育部
                </div>
                <div class="bottom-box-link">
                    国家自然科学基金委
                </div>
                <div class="bottom-box-link">
                    黑龙江省教育厅
                </div>
                <div class="bottom-box-link">
                    黑龙江省科技厅
                </div>
                <div class="bottom-box-link">
                    中国学术会议网
                </div>
                <div class="bottom-box-link">
                    学习强国
                </div>
                <div class="bottom-box-link">
                    国际在线
                </div>
                <div class="bottom-box-link">
                    智慧树
                </div>
            </div>
            <div class="bottom-box-message">
                <div class="copyright copyright1">
                    Copyright ©版权声明©2022 计算机科学与技术学院 版权所有
                </div>
                <div class="copyright">
                    哈尔滨理工大学 哈尔滨市南岗区学府路52号
                </div>
                <div class="bottom-code-img">
                    <div class="bottom-code-img1">
                        <div class="code-img-box">
                            <img src="../img/24cacd16-d14a-4b05-91a3-846620026898_s.jpg" alt="">
                        </div>
                        <div class="code-img-title">
                            计科芳华
                        </div>
                    </div>  
                    <div class="bottom-code-img2">
                        <div class="code-img-box">
                            <img src="../img/e7dee750-de69-43c7-a79e-d85fc3644658_s.png" alt="">
                        </div>
                        <div class="code-img-title">
                            学校公众号
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    var mySwiper = new Swiper('.swiper', {
        loop: true, // 循环模式选项
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        speed: 1000,
        effect: "fade",
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    })
    var mySwiper2 = new Swiper('.swiper2', {
        observer: true,  //开启动态检查器，监测swiper和slide
        observeParents: true,  //监测Swiper 的祖/父元素
        speed: 10000,//切换速度
        loop: true,//循环
        slidesPerView: 4,//显示数量
        spaceBetween: 50,//间隔
        freeMode: true,//自动贴合
        autoplay: {//自动播放
            delay: 0,//自动切换的时间间隔
            stopOnLastSlide: false,//切换到最后一个slide时停止自动切换
        },
        breakpoints: {
            750: {  //当屏幕宽度大于等于320
                slidesPerView: 4,
            },
        }
    })   
    var mySwiper3 = new Swiper('.swiper3', {
        loop: true, // 循环模式选项
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        autoplay: {
            delay: 5000,
            disableOnInteraction: false,
        },
        speed: 1000,
        effect: "fade",
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    })     
</script>

</html>